* {
    /* 取消内外边距 */
    margin: 0;
    padding: 0;
    /* 盒子定宽高 */
    box-sizing: border-box;
    /* 防范父元素的行高被子元素继承，从而影响子元素自身的部署展示； */
    line-height: 1;
}

ul,
ol {
    /* 去除列表项前面的修饰符 */
    list-style: none;
}

input {
    /* 去除自带的边框，太丑了。。。 */
    border: none;
    /* 去除默认的颜色轮廓-鼠标选中效果 */
    outline: none;
}

a {
    /* 取消a标签自带的下划线 */
    text-decoration: none;
}
/* 清除元素前后浮动影响，防止元素本身塌陷，导致后续元素排版混乱 */
.middle::after {
    content: "";
    display: block;
    clear: both;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
